<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/resetStyle.css">
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
</head>
<body>
    <header>
        <div class="con">
        <div class="con-right">
        <div class="login-show">
            <a href="/html/logoin.html">登录</a>
            <a href="/html/register.html">免费注册</a><span></span>  
        </div>
        <div class="center">
            <a href="">我的订单</a>
            <a href="#">商家入驻</a>
            <a href="/html/cart.html"><img src="/img/bao.jpg"><span>购物袋</span><i class="nu">0</i></a>
            
            <span></span>
        </div>
        <div class="con-r">
            <a href="#">商家中心</a>
            <a href="#">客户服务</a>
        </div>
    </div>
    </div>
    </header>
    <div class="logo">
        <div class="logo-con">
            <div class="logo-top">
            <div class="logo-con-left">
                <a href="#"></a>
            </div>
            <div class="logo-con-center">
                <a href="#"></a>
                <span></span>
                <a href="#"></a>
                <span></span>
                <a href="#"></a>
            </div>
            <div class="logo-con-right">
                <input type="text" placeholder="请输入想找的宝贝">
                <span></span>
            </div>
        </div>
            <div class="logo-con-bottom">
                <ul>
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="#">品牌折扣</a></li>
                    <li><a href="#">9.9包邮</a></li>
                    <li><a href="#">明日预告</a></li>
                    <li><a href="#"><img src="/img/sj.jpg">手机版</a><span></span></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 中心内容区域 -->
    <main>
        <section>
            <p><a href="../index.html">首页</a> > <a href="#">鞋子</a> > <a href="#">白鞋</a></p>
            <!-- 商品详情 -->
            <div class="box-shoop">
                <div class="box-1">
                    <div class="Small-img">
                        <ul>
                            <!-- <li><img src="../img/jp-app-90.png" alt=""></li>
                            <li><img src="../img/header-total.gif" alt=""></li>
                            <li><img src="#" alt=""></li>
                            <li><img src="#" alt=""></li>
                            <li><img src="#" alt=""></li>
                            <li><img src="#" alt=""></li> -->
                        </ul>
                    </div>
                    <div class="big-img">
                        <!-- <img src="../img/jp-app-90.png" alt="" class="show">
                        <img src="../img/header-total.gif" alt="">
                        <img src="" alt="">
                        <img src="" alt="">
                        <img src="" alt="">
                        <img src="" alt="">
                        <span></span> -->
                    </div>
                    <div class="big-big-img">
                        <!-- <img src="../img/jp-app-90.png" alt="" class="show">
                        <img src="../img/header-total.gif" alt="">
                        <img src="" alt="">
                        <img src="" alt="">
                        <img src="" alt="">
                        <img src="" alt=""> -->
                    </div>

                </div>
                
                <div class="box-2">
                    <div class="detailed">
                        <!-- 商品名字 -->
                        <h3>      
                        </h3>
                        <!-- 商品价格 -->
                        <div class="Price">
                            <div class="discount">￥<b></b><span></span></div>
                            <div class="time">剩余：0天00时00分00秒</div>
                        </div>
                        <!-- 地址 -->
                        <div class="address">
                            <i>配送：</i><span>惠州市</span>至<span>四川<i class="iconfont icon-xiangxia1"></i></span>包邮，24小时发货
                        </div>
                        <!-- 商品颜色 -->
                        <dl>
                            <dd>颜色：</dd>
                            <dd>
                                <ul>
                                    <li><img src="" alt="">黑色</li>
                                    <li><img src="" alt="">白色</li>
                                </ul>
                            </dd>
                        </dl>
                        <!-- 尺码 -->
                        <dl class="size">
                            <dd>尺码：</dd>
                            <dd>
                                <ul>
                                    <li>35</li>
                                    <li>36</li>
                                </ul>
                            </dd>
                        </dl>
                        <!-- 商品数量 -->
                        <dl class="num">
                            <dd>数量：</dd>
                            <dd>
                                <input type="button" value="-"  class="del">
                                <input type="text" value="1" class="val">
                                <input type="button" value="+" class="add">
                            </dd>
                        </dl>
                        <!-- 加入购物车 -->
                        <div class="buy">
                            <input type="button" value="立即购买">
                            <input type="button" value="加入购物车">
                        </div>
                    </div>
                    <!-- 店铺 -->
                    <div class="shop">
                        <!-- 店铺名称 -->
                        <div class="shop-top">
                            <div><img src="" alt=""></div>
                            <p><a href="#"><b>L'ORMASAI/</b>欧蔓莎女鞋旗舰店</a></p>
                            <p>共200+件商品</p>
                        </div>
                        <!-- 店铺详情 -->
                        <div class="situation">
                            <span><i><img src="../img/gold.png" alt=""></i>金牌认证</span>
                            <span><i><img src="../img/bail.png" alt=""></i>已缴纳保证金</span>
                            <span><i><img src="../imgcense.png" alt=""></i><a href="#">营业执照</a></span>
                        </div>
                        <div class="on-line situation"><span><i><img src="../img/connect.png" alt=""></i><a href="#">联系客服</a></span></div>
                    </div>
                </div>
            </div>
            <!-- 分享 收藏 举报 -->
            <div class="more">
                <span>100%人工质检</span><span>全国包邮低价保障</span><span>7天无理由退货</span>
                <a href="#"><i></i>收藏</a>
                <a href="#"><i></i>分享</a>
                <a href="#">举报</a>
            </div>
        </section>
            <div class="details"></div>
    </main>
    <aside>
        <div class="r-top">
            <div class="iconfont icon-yonghu">
                <span class="login">
                    <dl>
                        <dt><span></span></dt>
                        <dd>快来<i class="reds">登录</i>吧，么么哒<span></span></dd>
                    </dl>
                </span>
            </div>
            <div class="iconfont icon-24gl-bag">&nbsp;
                <a href="../html/cart.html">
                    购 物 袋
                    <span class="count">0</span>
                </a>
            </div>
            <div class="iconfont icon-aixin">
                <dl>
                    <dd>我的收藏</dd>
                    <span></span>
                </dl>
            </div>
            <div class="iconfont icon-youhuiquan">
                <dl>
                    <dd>我的优惠券</dd>
                    <span></span>
                </dl>
            </div>
        </div>
        <div class="r-botm">
            <div class="iconfont icon-pen">
                <dl>
                    <dd>意见反馈</dd>
                    <span></span>
                </dl>
            </div>
            <div class="iconfont icon-erweima">
                <dl>
                    <dd><img src="/img/j.png" alt=""></dd>
                    <span></span>
                </dl>
            </div>
            <div class="iconfont icon-xiangshang2">
                <dl>
                    <dd>返回顶部</dd>
                    <span></span>
                </dl>
            </div>
        </div>
    </aside>
    <footer>
    <div class="footer-con">
        <div class="footer-con-top">
            <div class="footer-con-top-left">
                <img src="/img/jp-app-90.png" alt="">
                <p>随时逛&nbsp;及时抢</p>
            </div>
            <div class="footer-con-top-center">
                <dl>
                    <dt>获取更新</dt>
                    <dd><a href="#"><i></i>iPhone/Android</a></dd>
                    <dd><a href="#"><i></i>卷皮QQ空间</a></dd>
                    <dd><a href="#"><i></i>卷皮新浪微博</a></dd>
                    <dd><a href="#"><i></i>开放API</a></dd>
                </dl>
                <dl>
                    <dt>商务合作</dt>
                    <dd><a href="#"><i></i>卖家免费报名</a></dd>
                    <dd><a href="#"><i></i>商家入驻</a></dd>
                    <dd><a href="#"><i></i>廉政邮箱</a></dd>
                    <dd><a href="#"><i></i>开放平台</a></dd>
                </dl>
                <dl>
                    <dt>公司信息</dt>
                    <dd><a href="#"><i></i>关于卷皮</a></dd>
                    <dd><a href="#"><i></i>媒体报道</a></dd>
                    
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="#"><i></i>新手上路</a></dd>
                    <dd><a href="#"><i></i>网站地图</a></dd>
               
                </dl>
            </div>
            <div class="footer-con-top-right">
                <a href="#"></a>
                <p>周一至周日</p>
                <p>9:00-18:00</p>
                <i>客服热线：027-6552 2585</i>
            </div>
        </div>
        <div class="footer-con-bottom">
            <ul>
                <li>武汉奇米网络科技有限公司</li>
                <li><a href="#">鄂ICP备10209250号-4</a></li>
                <span></span>
                <li>ICP许可证号：鄂B2-20150109</li>
                <span></span>
                <li><a href="#">鄂公网安备42018502000390号</a></li>
                <span></span>
                <li>食品流通许可证 SP4201991510041888</li>
            </ul>
            <p>Copyright © 2010 -2022 JuanPi.com All Rights Reserved</p>
           
        </div>
    </div>
</footer>
<script src="../libs/jquery.min.js"></script>
<script src="../js/details.js"></script>
</body>
</html>